cody - HTMLify profile

Latest files of /cody/solygambas/html-css-javascript-projects/042-live user filter

style.css cody/solygambas/html-css-javascript-projects/042-live user filter/style.css

150 Views

0 Comments

@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");

* {
box-sizing: border-box;
}

body {
background-color: #f8f9fd;

index.html cody/solygambas/html-css-javascript-projects/042-live user filter/index.html

310 Views

0 Comments

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>Live User Filter</title>
</head>

script.js cody/solygambas/html-css-javascript-projects/042-live user filter/script.js

213 Views

0 Comments

const result = document.getElementById("result");
const filter = document.getElementById("filter");
const listItems = [];

const filterData = (searchTerm) => {
listItems.forEach((item) => {
if (item.innerText.toLowerCase().includes(searchTerm.toLowerCase())) {
item.classList.remove("hide");